@b home{
  @e swipe{
    height: 150px;
    img{
      width: 100%;
    }
  }
  @e detail{
    &.panel{
      padding-bottom: 20px;
    }
    div{
      h4{
        font-size: 14px;
        margin-bottom: 5px;
        color: #777;
      }
    }
    .home-money{
      b{
        font-size: 24px;
        font-weight: 700;
        color: #22afde;
      }
      padding: 10px 0;
    }
    .oneline{
      .home-deadline{
        padding: 10px 0 5px;
      }
      .home-interest{
        padding: 5px 0 10px;
      }
      h4{
        display: inline-block;
      }
      b{
        font-size: 14px;
      }
    }
  }
}

@b xgd-header{
  height: 40px;
  line-height: 40px;
  text-align: center;
  //border-bottom: 1px solid #cecece;
  background: #fff;
  @e title{
    color: #222;
    font-size: 18px;
    font-family: 'pmzd';
  }
}

@b xgd-marquee{
  height: 40px;
  background: #fff;
  position: relative;
  @e icon{
    color: #ff7500;
    margin-right: 5px;
    position: absolute;
  }
  @e content{
    position: relative;
    @m active{
      animation: marqueeSwitch 0.5s;
    }
  }
  @e content-box{
    display: inline-block;
    padding-left: 25px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    width: 100%;
  }
}

@keyframes marqueeSwitch
{
  0% {top: 0px;opacity: 1}
  50% {top: -20px;opacity: 0}
  51% {top: 20px;}
  100% {top: 0;opacity: 1}
}